export default {
  //为当前模块开启命名空间
  namespaced: true,
  //模块的state数据
  state: () => ({
    //购物车的数组，用来存储购物车中每个商品的信息对象
    //每个商品的信息对象，都包含以下6个属性:
    //{goods_id,goods_name,goods_price,goods_count,goods_small_logo,goods_state}
    cart: JSON.parse(uni.getStorageSync('cart') || '[]')
  }),
  //模块的mutations方法 用来修改state
  mutations: {
    addToCart(state, goods) {
      //根据提交的商品的id，查询购物车中是否存在这件商品
      //如果不存在，则findRestult 为 undefined；否则，否则为查找到的商品信息对象
      const findResult = state.cart.find(x => x.goods_id === goods.goods_id)
      console.log(findResult, 'findResult')
      if (!findResult) {
        //如果购物车中没有这件商品，则直接push
        state.cart.push(goods)
      } else {
        //如果购物车中有这件商品，则只更新数量即可
        findResult.goods_count++
      }
      console.log(state.cart)
      // 通过 commit 方法，调用 m_cart 命名空间下的 saveToStorage 方法
      this.commit('m_cart/saveToStorage')
    },
    saveToStorage(state) {
      //setStorage 是异步的，而setStorageSync是同步的。
      uni.setStorageSync('cart', JSON.stringify(state.cart))
    },
    //更新购物车中商品的勾选状态
    updateGoodsState(state, goods) {
      //根据 goods_id 查询购物车中对应商品信息的对象
      const findResult = state.cart.find(x => x.goods_id === goods.goods_id)
      //有对应的商品信息对象
      if (findResult) {
        //更新商品的勾选状态
        findResult.goods_state = goods.goods_state
        //持久化存储到本地
        this.commit('m_cart/saveToStorage')
      }
    },
    //更新购物车中的商品数量
    updateGoodsNum(state, goods) {
      const findResult = state.cart.find(x => x.goods_id === goods.goods_id)
      if (findResult) {
        findResult.goods_count = goods.goods_count
        this.commit('m_cart/saveToStorage')
      }
    },
    // 更新购物车中商品的数量
    updateGoodsCount(state, goods) {
      // 根据 goods_id 查询购物车中对应商品的信息对象
      const findResult = state.cart.find(x => x.goods_id === goods.goods_id)

      if (findResult) {
        // 更新对应商品的数量
        findResult.goods_count = goods.goods_count
        // 持久化存储到本地
        this.commit('m_cart/saveToStorage')
      }
    },
    removeGoodsById(state, goods_id) {
      //最后过滤之后只剩下不是goods_id的商品
      state.cart = state.cart.filter(x => x.goods_id != goods_id)
      this.commit('m_cart/saveToStorage')
    },
    updateAllGoodsState(state, newState) {
      state.cart.forEach(x => x.goods_state = newState)
      this.commit('m_cart/saveToStorage')
    },
  },
  //模块的getters属性 相当于是一个数据包装器
  getters: {
    // 购物车中商品的总数量
    total(state) {
      //统计购物车中的总数量
      let c = 0
      state.cart.forEach(goods => c += goods.goods_count)
      return c
    },
    //勾选的商品的总数量
    checkedCount(state) {
      //先使用filter方法，从购物车中过滤已经勾选的商品
      //再使用reduce方法，将已经勾选的商品总数量进行累加
      //reduce() 的返回值就是已经勾选的商品的总数量  reduce方法用于累加，其包含两项，一个是回调函数，一个是0 item是商品的每一项，total的初始值是0
      return state.cart.filter(x => x.goods_state).reduce((total, item) => total += item.goods_count, 0)
    },
    checkedGoodsMount(state) {
      // 先使用 filter 方法，从购物车中过滤器已勾选的商品
      // 再使用 reduce 方法，将已勾选的商品数量 * 单价之后，进行累加
      // reduce() 的返回值就是已勾选的商品的总价
      // 最后调用 toFixed(2) 方法，保留两位小数
      return state.cart.filter(x => x.goods_state)
        .reduce((total, item) => total += item.goods_count * item.goods_price, 0)
        .toFixed(2)
    }
  }
}
